<template>
	<view class="aic fdc jcc">
		<u-upload
		 :custom-btn="true"
		 :action="action" :file-list="fileList" >
		 <view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
		 		<view class="iconfont icon-yinxingqia3 bankIcon">
		 			
		 		</view>
		 	</view>
		 </u-upload>
		 <view class="form">
			<view class="my30">
				<view class="aic">
					开户行
						<u-input class="mx15" v-model="value" placeholder="请输入开户行" />
				</view>
					<u-line color="#919599"></u-line>
				</view>		
					<view class="my30">
						<view class="aic">
							银行卡账号
								<u-input class="mx15" v-model="value" placeholder="请输入银行卡账号" />
						</view>
							<u-line color="#919599"></u-line>
						</view>	
								<view class="btn">
									<u-button type="primary"  :custom-style="customStyle">
										完成
									</u-button>
								</view>
		 </view>
	</view>
</template>

<script>
	export default {
		name:"setBankCard",
		data() {
			return {
				action: 'http://www.example.com/upload',
			};
		}
	}
</script>

<style lang="scss">
.form{
	width: 650rpx;
	.btn{
		margin-top: 150rpx;
	}
}
.slot-btn {
	width: 650rpx;
	height: 340rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(244, 245, 246);
	border-radius: 10rpx;
}

.slot-btn__hover {
	background-color: rgb(235, 236, 238);
}
.bankIcon{
	font-size: 400rpx;
}
</style>
